<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>综合分析</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/index.js"></script>
</head>

<body>
    <div id="barTop" class="progressBar"></div>
    <div class="header row" style="text-align: center; background: #850b06; color: #fff;margin: 0;">
        <div class="col-sm-12">
            <h4 class="title">投资计划管理信息系统</h4>
            <div class="mianbaoxie"><a href="../index.html">农村公路</a>>综合分析</div>
        </div>
    </div>
    <div class="row" style="margin: 0;">
        <div class="aside col-sm-1">
            <div class="panel">
                <div class="panel-collapse in" id="No01">
                    <div class="panel-body">
                        <div class="panel">
                            <div class="panel-heading">
                                <a data-toggle="collapse" href="#No1">
                                    <p>综合分析</p>
                                </a>
                            </div>
                            <div class="panel-collapse in" id="No1">
                                <div class="panel-body">
                                    <ul class="select">
                                        <li id="nc_type" data-show='0' class="active">
                                            <p>按项目类别分</p>
                                        </li>
                                        <li id="nc_city" data-show='1'>
                                            <p>按地市分</p>
                                        </li>
                                        <li id="map" class="wn" data-type='ncyh;ncfp;nccd;ncky;ncdq;ncql;nclw'>
                                            <p>按地图分</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-10" style="padding:0">
            <div class="index_right" id="index_right_div" style=" width:100%;height:100%;">
                <iframe scrolling="no" id="index_right_page" style="width:100%; height:100%;border: none; background: #f1f1f1;"></iframe>
            </div>
        </div>
    </div>
    <script>
        $(function () { })
        var iframe = document.getElementById("index_right_page");
        iframe.src = "../frames/frame_nc_type.html";
        var index_right_div_height;
        // iframe.onload = function () {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            index_right_div_height = iframeWin.document.body.scrollHeight < 950 ? 950 : iframeWin.document.body.scrollHeight;
            document.getElementById("index_right_div").style.height = index_right_div_height + "px";
        // }
        $(".select li").click(function (event) {
            var ev = window.event || event;
            ev.stopPropagation();
            if ($(this).attr('id') != ('' || undefined || 'map' )) $("#index_right_page").attr("src", "../frames/frame_"+ $(this).attr('id') + ".html");
            if($(this).attr('id') == 'map') $("#index_right_page").attr("src", "../frames/frame_" + $(this).attr('id') + ".html");
        });
        if (localStorage.getItem('item') != undefined) {
            $('.mianbaoxie').html('<a href="../index.html">'+localStorage.getItem('item')+'</a>>'+localStorage.getItem('item_name'));
            $('.panel-heading p').html(localStorage.getItem('item_name'));
        }
    </script>
</body>

</html>